<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Boards</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
<body>
<div class="container">
    <ol class="breadcrumb my-4">
        <li class="breadcrumb-item active">Boards</li>
    </ol>
    <table class="table">
        <thead class="thead-inverse">
        <tr>
            <th>Board</th>
            <th>Posts</th>
            <th>Topics</th>
            <th>Last Post</th>
        </tr>
        </thead>
        <tbody>
            {% for board in boards %}
                <tr>
                    <td>{{ board.name }}</td>
                    <small class="text-muted d-block">{{ board.description }}</small>
                    <td class="align-middle">0</td>
                    <td class="align-middle">0</td>
                    <td></td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{#<h1>Boards</h1>#}
{#<table border="1">#}
{#    <thead>#}
{#    <tr>#}
{#        <th>Board</th>#}
{#        <th>Posts</th>#}
{#        <th>Topics</th>#}
{#        <th>Last Post</th>#}
{#    </tr>#}
{#    </thead>#}
{#    {% for board in boards %}#}
{#        <tr>#}
{#            <td>#}
{#                {{ board.name }}<br>#}
{#                <small style="color:#888">{{ board.description }}</small>#}
{#            </td>#}
{#            <td>0</td>#}
{#            <td>0</td>#}
{#            <td></td>#}
{#        </tr>#}
{#    {% endfor %}#}
{#</table>#}

</body>
</html>